<template>
  <text
    :class="`iconfont ${name}`"
    :style="{
      fontSize: size + 'rpx',
      display: 'flex',
      alignItems: 'center',
      color: `${color}`,
    }"
  ></text>
</template>

<script setup lang="ts">
import {
  ref,
  reactive,
  toRefs,
  watch,
  onMounted,
  nextTick,
  getCurrentInstance,
} from 'vue'

import moduleName from '@/static/svg/wallet.svg'

const emit = defineEmits([''])
const props = defineProps({
  color: {
    type: String,
    default: '#666666',
  },
  name: {
    type: String,
    default: 'wallet',
  },
  size: {
    type: Number,
    default: 28,
  },
  width: {
    type: Number,
    default: 0,
  },
  height: {
    type: Number,
    default: 0,
  },
})

const { name } = toRefs(props)

onMounted(() => {
  console.log(moduleName, 'zzzzzzzzzz')
})

const { data } = toRefs(
  reactive({
    //定义数组和对象
    data: '',
  })
)
</script>
<style lang="scss" scoped></style>
